<template>
  <div id="businessDL">
    <router-view v-if="isRouterAliveBox"></router-view>
  </div>
</template>

<script>
  export default {
    name: 'businessDL',
    provide() {
      return {
        reloadFun: this.reloadFun,
        getUsersFunc: this.getUsersFunc,
      }
    },
    data() {
      return {
        isRouterAliveBox: true
      }
    },
    methods: {
      reloadFun() {
        this.isRouterAliveBox = false
        this.$nextTick(function () {
          this.isRouterAliveBox = true
        })
      },
      getUsersFunc() {
        let list = [];
        this.$http.get("/share/accept_users").then(res => {
            let {data, status} = res;
            if (status == 200 && data !== null) {
              for (let item of data) {
                list.push({
                  value: item.id,
                  label: item.realName + ":" + item.userEmail
                });
              }
            }
            console.log("=============", list);
          },
          err => {
            this.$message({
              message: "网络出错!!",
              type: "error"
            });
            console.log(err);
          }
        );
        return list
      }
    }
  }
</script>

<style lang="scss">
  @import "../src/assets/css/mixin.scss";
  body {
    margin: 0;
    padding: 0;
    background: #fff;
      p{
          margin-top: 0;
          margin-bottom:0;
      }
    /*font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;*/
    /*font-size: 12px;*/
    -webkit-font-smoothing: antialiased;
    font: 14px/1.5 'Microsoft Yahei', arial, \5b8b\4f53, tahoma, sans-serif;
    .el-button--primary{
        background-color: #549DE8!important;
    }
    .lis:hover {
      background: #eee;
    }
    #userListUl {
      max-height: 450px;
      height: auto;
      overflow-y: auto;
      margin-bottom: 20px;
        .lis{
            padding: 0 5px!important;
        }
        p{
            margin: 5px;
        }
    }

    input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        border: 1px solid #CCC!important;
    }
    //去掉chrome记住密码后的默认填充样式
    .grouppopper .popper__arrow{
      display: none!important;
    }
    .grouppopper{
        height: 0;
        min-width: 60px;
        padding: 0;
    }
    .popper__arrow::after{
        border-right-color:#ece9e9!important;
    }
    /*.el-popover{*/
    /*height: 500px;*/
    /*overflow-y: scroll;*/

    /*}*/
  }

  #businessDL {
    position: absolute;
    top: 0;
    bottom: 0;
    min-width: 1150px;
    width: 100%;
  }

  ul li {
    list-style: none;
  }

  ul {
    padding: 0;
    margin: 0;
  }

  a:-webkit-any-link {
    text-decoration: none;
    color: #212121;
  }

  .hidden {
    display: none;
  }

  #homeCont {
    .header {
      .el-input__inner {
        height: 30px;
        width: 180px;
        color: white;
        background: transparent;
      }
      .el-menu-item i {
        color: white;
      }
      .active {
        color: #43cea7 !important;
        background: url("./assets/img/tab_bg.png") no-repeat -4px 1px;
        i {
          color: #43cea7 !important;
        }
      }

      .el-menu--horizontal > .el-menu-item.is-active {
        color: #43cea7 !important;
        background: url("./assets/img/tab_bg.png") no-repeat -4px 1px;
        i {
          color: #43cea7 !important;
        }
      }
    }
  }

  .el-tree-node:focus > .el-tree-node__content {
    background: #ffefb8;
  }

  .el-tree-node__content:hover {
    background: #ffefb8;
  }

  .el-tree {
    color: inherit;
  }

  .el-tree-node__content > .el-tree-node__expand-icon {
    margin-left: 16px;
  }

  .el-tree-node__content:focus {
    background: #ffefb8;
  }

  .el-tree-node.is-focusable.is-checked:focus > .el-tree-node__content {
    background: #ffefb8;
  }

  /*.el-tree-node__children .el-tree-node.is-current {*/
  /*background: #ffefb8;*/
  /*}*/

  /*文件图标*/
  .icon16 {
    margin-right: 0;
  }

  .folders {
    background: url('http://47.97.223.126/webfolder/ui/css/wf_img.png') no-repeat;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }


    /*文件夹图标 默认*/
  .icon16,
  .icon32,
  .newIcon16 {
    background: url('http://47.97.223.126/webfolder/ui/css/wf_img.png') no-repeat;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }

  .mail-all {
    background-position: -3px -408px;
  }

  .mail-alone {
    background-position: -23px -408px;
  }

  .mail-user {
    background-position: -43px -408px;
  }

  /*.approval-icon {*/
  /*background-image: url(approval.png);*/
  /*}*/

  .approval-pass {
    background-position: 0 0;
  }

  .approval-process {
    background-position: -16px 0;
  }

  .approval-fail {
    background-position: -32px 0;
  }

  .approval-back {
    background-position: -48px 0;
  }

  .approval-add {
    background-position: -64px 0;
  }

  .approval-mark {
    background-position: -80px -1px;
  }

  .approval-signature {
    background-position: -96px -1px;
  }

  .approval-annex {
    background-position: -112px -1px;
  }

  .approval-expectation {
    background-position: -128px -1px;
  }

  .approval-uncommitted {
    background-position: -144px -1px;
  }

  .approval-del {
    background-position: -176px 0;
  }

  .approval-del:hover {
    background-position: -32px 0;
  }

  .approval-version {
    background-position: -208px 0;
  }

  .approval-version:hover {
    background-position: -224px 0;
  }

  .icon32 {
    width: 32px;
    height: 32px;
  }

  .icon16 {
    _margin: 4px 0 3px 0;
  }

  .zh-icon,
  .en-icon {
    background: url('http://47.97.223.126/webfolder/ui/css/wf_img.png') no-repeat;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 48px;
    height: 36px;
  }

  .zh-icon {
    background-position: -252px -115px;
  }

  .en-icon {
    background-position: -200px -115px;
  }

  .showall {
    background-position: -140px -62px;
  }

  .asce {
    background-position: -103px -64px;
  }

  .desc {
    background-position: -123px -64px;
  }

  .document {
    background-position: -102px -2px;
  }

  /*文件夹图标 > 我的文档*/
  .mydocument {
    background-position: -122px -3px;
  }

  /*文件夹图标 同事文档*/
  .frienddocument {
    background-position: -242px -3px;
  }

  .histories {
    background-position: -82px -82px;
  }

  .favorite {
    background-position: -103px -106px;
  }

  .attention {
    background-position: -82px -106px;
  }

  .restore {
    background-position: -142px -82px;
  }

  .recyclefull {
    background-position: -144px -161px;
  }

  .modify {
    background-position: -128px -159px;
  }

  .rename {
    background-position: -112px -161px;
  }

  .solveconflict {
    background-position: -160px -159px;
  }

  .addnew {
    background-position: -17px -161px;
  }

  .message {
    background-position: -163px -82px;
  }

  .limit {
    background-position: -122px -108px;
  }

  .limitshare {
    background-position: -143px -107px;
  }

  .folder{height:13px;width:14px;background-position:-42px 0;}

  /*文件夹图标 通知公告*/
  .foldershare {
    background-position: -202px -2px;
  }

  /*文件夹图标 回收站*/
  .recycle {
    background-position: -142px -2px;
  }

  .computer {
    background-position: -262px -3px;
  }

  .upload {
    background-position: 0 -161px;
  }

  .upload2 {
    background-position: 0 -162px;
  }

  .download {
    background-position: -32px -162px;
  }

  .cut {
    background-position: -64px -162px;
  }

  .copy {
    background-position: -48px -160px;
  }

  .copyShare {
    background-position: -160px -160px;
  }

  .partner {
    background-position: -3px -81px;
  }

  .paste {
    background-position: -63px -62px;
  }

  .noPaste {
    background-position: -226px -60px;
  }

  .pasteShare {
    background-position: -22px -82px;
  }

  .add {
    background-position: -16px -161px;
  }

  .add2 {
    background-position: -16px -161px;
  }

  .addaccount {
    background-position: -256px -149px;
  }

  .addgroup {
    background-position: -230px -150px;
  }

  a.btn:active .addaccount, a.btn:hover .addaccount {
    background-position: -256px -175px;
  }

  a.btn:active .addgroup, a.btn:hover .addgroup {
    background-position: -230px -175px;
  }

  .dirc {
    background-position: -1px -3px;
  }

  .diro {
    background-position: -41px -3px;
  }

  .dirnone {
    background-position: 100px 100px;
  }

  .arrow {
    background-position: -86px -22px;
    width: 8px;
  }

  .warn {
    background-position: -108px -22px;
    width: 8px;
  }

  .del {
    background-position: -284px -4px;
  }

  .bell {
    background-position: -62px -82px;
  }

  .goldbell {
    background-position: -42px -82px;
  }

  .greebell {
    background-position: -183px -105px;
  }

  .star {
    background-position: -143px -23px;
  }

  .goldstar {
    background-position: -163px -23px;
  }

  .msg {
    background-position: -182px -23px;
  }

  .addfile {
    background-position: -204px -23px;
  }

  .goback {
    background-position: -222px -23px;
  }

  .backto {
    background-position: -85px -62px;
  }

  .home {
    background-position: -42px -41px;
  }

  .male {
    background-position: -82px -43px;
  }

  .female {
    background-position: -103px -43px;
  }

  .male-offline,
  .maleoffline {
    background-position: -163px -62px;
  }

  .female-offline,
  .femaleoffline {
    background-position: -184px -62px;
  }

  .workshop {
    background-position: -3px -106px;
  }

  .workshopheader, .role {
    width: 18px;
    height: 18px;
    background-position: -282px -409px;
  }

  .group {
    background-position: -123px -42px;
  }

  .complete {
    background-position: -122px -22px;
  }

  .replyed {
    background-position: -24px -43px;
  }

  .reply {
    background-position: -3px -43px;
  }

  .mhead {
    background-position: -245px -44px;
  }

  .whead {
    background-position: -275px -44px;
  }

  .list-view {
    background-position: -242px -24px;
  }

  .icon-view {
    background-position: -263px -24px;
  }

  .preview-view {
    background-position: -282px -24px;
  }

  .warning {
    background-position: -254px -75px;
  }

  .pre {
    background-position: -145px -42px;
  }

  .next {
    background-position: -162px -42px;
  }

  .talk {
    background-position: 0 -16px;
  }

  .out-link {
    background-position: -80px -160px;
  }

  .folder-link {
    background-position: -164px -107px;
  }

  .remove {
    background-position: -144px -160px;
  }

  .edit {
    background-position: -128px -160px;
  }

  .date {
    background-position: -172px -131px;
  }

  .unknown-file {
    background-position: -384px -1px;
  }

  /*文件类型图标 默认*/
  .file16 {
    background: url("/static/icon2.png") no-repeat;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 6px;
    color: transparent;
  }
  .folder32 {
      background-position: -900px -36px !important;
  }

  .unknow,
  .mdb,
  .ds3,
  .asp,
  .bak,
  .tmp,
  .log,
  .chm {
      background-position: -1px -1px !important;
  }

  .mp4 {
      background-position: -927px -1px;
  }

  .txt,
  .TXT {
      background-position: -673px -1px !important;
  }

  .doc,
  .docx {
      background-position: -64px -1px !important;
  }

  .wps {
      background-position: -384px -33px !important;
  }

  .rtf {
      background-position: -705px -1px !important;
  }

  /*文件图标 xls/xlsx文件*/
  .xls,
  .xlsx {
      background-position: -32px -1px !important;
  }

  /*文件图标 pdf文件*/
  .pdf {
      background-position: -512px -1px !important;
  }

  .ppt,
  .pptx {
      background-position: -96px -1px !important;
  }

  .bmp {
      background-position: -96px -32px !important;
  }

  .gif {
      background-position: -32px -32px !important;
  }

  /*文件图标 jpg/jpeg图片*/
  .jpg,
  .jpeg {
      background-position: 0 -32px !important;
  }

  .psd {
      background-position: -544px -1px !important;
  }

  /*文件图标 png图片*/
  .png {
      background-position: -64px -32px !important;
  }

  .cdr {
      background-position: -288px -32px !important;
  }

  .vsd {
      background-position: -544px -32px !important;
  }

  .pps {
      background-position: -512px -32px !important;
  }

  .apk {
      background-position: -576px -32px !important;
  }

  .mpp {
      background-position: -608px -32px !important;
  }

  .mmap {
      background-position: -640px -32px !important;
  }

  .mpeg,
  .mpg,
  .qtm,
  .avi,
  .rm,
  .mov,
  .dat {
      background-position: -864px -1px !important;
  }

  .mp3,
  .wma {
      background-position: -896px -1px !important;
  }

  .html,
  .htm,
  .url {
      background-position: -288px -1px !important;
  }

  /*文件图标 zip压缩文件*/
  .zip {
      background-position: -192px -1px !important;
  }

  /*文件图标 rar压缩文件*/
  .rar {
      background-position: -161px -1px !important;
  }

  .exe {
      background-position: -480px -32px !important;
  }

  .bat {
      background-position: -416px -1px !important;
  }

  .dll {
      background-position: -320px -32px !important;
  }

  .reg {
      background-position: -736px -32px !important;
  }

  .ico {
      background-position: -224px -32px !important;
  }

  .zip7 {
      background-position: -128px -32px !important;
  }

  .return {
      background-position: -225px -40px !important;
  }
  .fa-star {
    color: #f8cb00;
  }
  .resave{
      line-height: 30px!important;
  }
  .el-breadcrumb__inner i{
      font-style: normal!important;
  }
  .filepopover{
      height: 0;
      border:0;
      min-width: 60px;
      padding: 0;
      .settingOptions{
          position: absolute;
          bottom: -22px;
      }
  }
  .el-table-column--selection .cell{
      padding-left:40px!important;
      padding-right: 20px!important;
  }
  .el-popover {
    min-width: 60px!important;
    padding: 0!important;
    border:0!important;
    .el-dropdown-menu__item--divided {
      margin-top: 0;
    }
    .options-list {
      display: flex;
      flex-direction: column;
      cursor: pointer;
      justify-content: space-around;
      color: #212121;
      span {
        padding: 5px 0;
        text-indent: 5px;
      }
    }
    .options-list span:hover {
      color: #43cea7;
    }
      .settingOptions{
          width: 132px;
          border-radius:4px;
          border:1px solid #ddd;
          background: white;
          margin-top: -9px;
          li{
              text-align: center;
              height: 32px;
              line-height: 32px;
              color:#666;
              border-bottom:1px solid #ddd;
          }
          li:last-child{
              border-bottom: 0;
          }
          .heightColor{
              color:#EE6132;
          }
          li:hover{
              cursor: pointer;
              color:#EE6132;
              background: #F6F6F6;
          }
      }
  }
  .el-popover .settingOptions li {
    text-align: left;
    padding-left: 20px;
  }
  .groupmember,.meetingpopper{
      min-width: 60px;
      height: 0;
      padding: 0;
  }
  .groupmember .popper__arrow{
      display: none!important;
  }

  #businessDL .menu-expanded, #businessDL .el-tree {
    background: #f5f5f5 !important;
  }

  #businessDL #fileDetails,
  #businessDL .bigIcon,
  #groupsbox,
  .shareBox,
  #fileTable,
  #databaseDetails,
  #databaseSearch,
  #fileSearch,
  #collection,
  #tilingData{
      .icon_list_dwg,.icon_list_dwt,.icon_list_bak{height:28px;min-width:28px;background-position: 0 0!important;}
      .icon_list_ppt,.icon_list_pptx,.icon_list_ppsx{height:28px;min-width:28px;background-position: -28px 0!important;}
      .icon_list_jpg,.icon_list_jpeg,.icon_list_bmp,.icon_list_png{height:28px;min-width:28px;background-position: -56px 0!important;}
      .icon_list_folder{height:25px;min-width:28px;background-position: -84px 0!important;}
      .icon_list_txt{height:28px;min-width:28px;background-position: -112px 0!important;}
      .icon_list_xlsx,.icon_list_xls,.icon_list_dotm{height:28px;min-width:28px;background-position: -140px 0!important;}
      .icon_list_mp4,.icon_list_avi,.icon_list_rmvb,.icon_list_flv{height:28px;min-width:28px;background-position: -168px 0!important;}
      .icon_list_pdf{height:28px;min-width:28px;background-position: -224px 0!important;}
      .icon_list_doc,.icon_list_docx{height:28px;min-width:28px;background-position: -252px 0!important;}
      .icon_list_zip,.icon_list_rar{height:28px;min-width:28px;background-position: -280px 0!important;}
  }
  #sharePageDialog {
    .el-dialog__body {
      padding: 0 20px;
    }
  }

  .el-tree-node__content {
    padding:5px 0;
  }


</style>
